<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 基本语法
        // 定义变量
        var x; // undefined 未找到/定义
        let y = 10; // 数字类型
        let z = "10"; // 字符型
        let b = true; // 布尔类型
        let a = null; // null类型
        // 常量
        const pi = 3.14;

        console.info(x, y, z, b, a, pi)

        // 数组
        var arr = [1, 2, 3]
        console.log(arr, "-1-", arr[0])

        var arr = ["微信", '支付宝', 3.14]
        console.log(arr, "-2-", arr[0])
        arr.push("美团") // 在后面拼接元素
        console.log(arr)
        let pop = arr.pop() // 移除(抛出)最后的元素
        console.log(arr, '-3-', pop)
        let splice12 = arr.splice(1, 2) // 移除(抛出)元素. 参数一，下标。参数二数量;
        console.log(arr, '-4-', splice12) // ['微信']0: "微信"length: 1[[Prototype]]: Array(0) '-4-' (2) ['支付宝', 3.14]
        let splice1n = arr.splice(1, 2, '华为', '小米') // 移除(抛出)元素. 参数一，下标。参数二数量;
        console.log(arr, '-4-', splice1n) //  ['微信', '华为', '小米'] '-4-' [] // 替换的，所以抛出的是0

        // 对象
        var obj = {
            name: '张三',
            age: 18,
            isStudent: true
        }

        console.info(obj, 'name ${obj.name}', obj.name, obj.age, obj.isStudent)




    </script>
</head>

<script>
    // 控制语句
    // 条件语句
    // var a = true
    var a1 = true
    if (a1) {
        console.info('a1 == true')
    }
    var a1 = 18;
    if (a1 < 18) {
        console.info('a1 == 18 成年了')
    } else if (a1 >= 18 && a1 < 65) {
        console.info('a1 打工人 ' + a1)
    } else {
        console.info('我退休了')
    }
    // 循环语句
    for (let index = 2; index < 101; index += 5) {
        console.info(index)
    }
    var count = 0
    while (count < 10) {
        console.info(count)
        count++;
    }
    count = 0
    let logstr = "";
    do {
        // 先执行内容逻辑再判断
        count += 2;
        logstr += count + ", "
        // console.info(count);
    } while (count < 10)
    // {
    //     console.info("----->", count);
    // }
    console.info("---next-->", logstr);

    for (var i = 0; i < 30; i++) {
        if (i % 2 == 0) continue
        if (i > 20) break;
        console.info(i);
    }

</script>

<body>

    <h1>js 基本语法</h1>

</body>

</html>